<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <title>订单详情</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>

    <link rel="stylesheet" href="./css/bootstrap.min.css">
    <script src="./js/jquery/jquery-3.4.1.min.js"></script>
    <script src="./js/bootstrap.min.js"></script>
    <script src="./js/bootstrap.bundle.min.js"></script>
    <!-- 最新的 Bootstrap5 核心 JavaScript 文件 -->
    <script src="https://cdn.staticfile.org/twitter-bootstrap/5.1.1/js/bootstrap.bundle.min.js"></script>

</head>
<body>
<div class="container">
    <form id="seckillForm" method="post" action="/create" accept-charset="utf-8">
        <div class="form-floating mb-3">秒杀订单详情</div>
        <div class="form-floating mb-3">
            订单号： <input type="text" class="form-control" readonly name="order_id"
                        th:value="${#numbers.formatDecimal(T(java.lang.Math).floor(T(java.lang.Math).random()*9999),1,0)}"/>
        </div>
        <div class="form-floating">
            用户id ：<span th:text="${userId}"></span><input type="hidden" readonly class="form-control" th:name="user_id"
                                                          th:value="${userId}"/>
        </div>
        <div class="form-floating">
            商品号 ：<span th:text="${goodsId}"></span><input type="hidden" th:name="goods_id"
                                                          th:value="${goodsId}"/>
        </div>
        <div class="form-floating"> 电话号码 ：<input type="text" name="telephone" class="form-control"/></div>
        <div class="form-floating"> 地址 ：<input type="text" name="address" class="form-control"/></div>
        <br>
        <div class="form-floating">
            <button class="btn btn-primary" type="submit" id="buyButton">确定订单</button>
        </div>

    </form>
</div>
<div class="panel panel-default">
    <div class="panel-heading"></div>


    <br>

    <br>


    <br>

    <br>

</div>

</body>
</html>
